//西安
//三角
$(function() {
    $(".loc").click(function(e) {
        $(e.target).toggleClass('down');
    });
});
//选城市
$('.loc').click(function() {
    if ($('#cs').css('display') == 'none') {
        $('#cs').css('display', 'block');
    } else {
        $('#cs').css('display', 'none');
    }
});

//戏剧
$('.drama li').click(function() {
    // 先将 active 取消
    $('.drama .active').removeClass('active');

    // this 当前点击的元素
    $(this).addClass('active');

    // 先将显示的 div 隐藏
    $('.drama .div-show').removeClass('div-show');

    // 让对应 div 显示
    $('.drama .div').eq($(this).index()).addClass('div-show');
});

//音乐
$('.music li').click(function() {
    // 先将 active 取消
    $('.music .active').removeClass('active');

    // this 当前点击的元素
    $(this).addClass('active');

    // 先将显示的 div 隐藏
    $('.music .div-show').removeClass('div-show');

    // 让对应 div 显示
    $('.music .div').eq($(this).index()).addClass('div-show');
});
//电影
$('.movie li').click(function() {
    // 先将 active 取消
    $('.movie .active').removeClass('active');

    // this 当前点击的元素
    $(this).addClass('active');

    // 先将显示的 div 隐藏
    $('.movie .div-show').removeClass('div-show');

    // 让对应 div 显示
    $('.movie .div').eq($(this).index()).addClass('div-show');
});
//party
$('.party li').click(function() {
    // 先将 active 取消
    $('.party .active').removeClass('active');

    // this 当前点击的元素
    $(this).addClass('active');

    // 先将显示的 div 隐藏
    $('.party .div-show').removeClass('div-show');

    // 让对应 div 显示
    $('.party .div').eq($(this).index()).addClass('div-show');
});
//其他
$('.other li').click(function() {
    // 先将 active 取消
    $('.other .active').removeClass('active');

    // this 当前点击的元素
    $(this).addClass('active');

    // 先将显示的 div 隐藏
    $('.other .div-show').removeClass('div-show');

    // 让对应 div 显示
    $('.other .div').eq($(this).index()).addClass('div-show');
});